<template>
  <div>
    <form
      action=""
      class="grid"
      @submit="handleSubmit"
    >
      <textarea
        id=""
        v-model="content"
        name="comment"
        placeholder="请输入你的评论"
        class="bg-gray-50 p-2 rounded"
      />
      <fieldset class="py-4">
        <input
          type="submit"
          value="评论"
          class="px-4 py-1 bg-blue-600 rounded text-white"
        >
        <input
          type="reset"
          value="取消"
          class="px-4 py-1 bg-white rounded border ml-3"
        >
      </fieldset>
    </form>
  </div>
</template>

<script setup>
import {ref}from 'vue'
const content = ref('')
const emit = defineEmits(['submit'])
const handleSubmit = (e)=>{
    e.preventDefault();
    emit('submit',content.value)
    content.value =''
}
</script>

<style lang="scss" scoped>

</style>